{template cashier_header}
<script>
    function get_goods(){
        $("#unit").val('袋');
        $("#price").val(20.00);
    }
</script>
<div class="main">
    <div style="padding: 0px 10px 0px 10px;">
        <div class="alert alert-warning">
            选择默认是客户常用商品，如果没有常用商品，则请在上面得输入框输入商品名称/助记码
        </div>
        <div>
            <input type="text" class="form-control" placeholder="请输入商品名称/助记码" />
        </div>
        <div>
            <select class="form-control" onchange="get_goods();">
                <option>请选择常用商品</option>
                <option>大米</option>
            </select>
        </div>
        <div>
            <input type="text" class="form-control" placeholder="单位" id="unit" readonly="readonly"/>
        </div>
        <div>
            <input type="text" class="form-control" placeholder="请输入数量" />
        </div>
        <div>
            <input type="text" class="form-control" placeholder="运费" id="price" readonly="readonly" />
        </div>
        <div>
            <input type="text" class="form-control" placeholder="代收款" />
        </div>
        <div>
            <button class="btn btn-default">添加</button>
        </div>
        <br />
        <table class="table">
            <tr>
                <th>商品</th>
                <th>数量</th>
                <th>运费</th>
                <th>代付款</th>
            </tr>
            <tr>
                <td>大米</td>
                <td>10袋</td>
                <td>10.00</td>
                <td>200.00</td>
            </tr>
            <tr>
                <td colspan="4">
                    <button class="btn btn-warning">删除</button>
                </td>
            </tr>
        </table>
        <div align="right">
            <button class="btn btn-danger">返回</button>
            <button class="btn btn-primary">保存</button>
        </div>
    </div>
</div>
{template 'footer'}

